<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 
        type属性
            input中不同的type属性值表示不同的控件类型 
            1、text表示普通文本
            2、password表示密码输入框，密码一般不会明文展示，而是渲染成实心点状或者***
            3、number表示数字输入框
            4、tel表示手机号输入框
            5、按钮
                文本按钮type="button"，具体的文本内容由value属性值决定
                图片按钮type="image"，具体的显示图片由src属性决定
    -->
    姓名：<input type="text">
    <br><!--手动换行-->
    密码：<input type="password">
    <br><!--手动换行-->
    年龄：<input type="number">
    <br><!--手动换行-->
    手机号：<input type="tel">
    <br><!--手动换行-->
    按钮：
    <input type="button" value="按钮">
    <input 
        type="image" 
        src="https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=3171890957,3646853554&fm=26&gp=0.jpg" 
        alt=""
        width="200"
        height="200"
    >
</body>
</html>